@charset "utf-8";
/*复用样式的代码段*/
$font : 14px/30px "Microsoft YaHei UI";
$background:#eaedf1;

@mixin tableStyle($width:100%) {
  width: $width;
  height: 300px;
  border: 1px solid #ddd;
  overflow-y: scroll;
  overflow-x: auto;
}

@mixin tdStyle($width:100%) {
  padding: 8px 10px;
  cursor: default;
  color: #666;
  white-space: nowrap;
  font:12px 'Microsoft YaHei UI';
  width: $width;
}

/*点击选中所添加的类名*/
.trSourceClick,.trTargetClick,.trSelectedClick {
  background: $background;
}
.dataListBoxContainer {
  width:100%;
  .selectHead {
    border: 1px solid #ccc;
    border-bottom: 0;
    padding: 8px 10px;
  }
  .tableBox {
    @include tableStyle;
    table {
      width: 100%;
      tr:hover {
        background: $background;
      }
      td {
        @include tdStyle;
      }
    }
  }
  .sourceTotal {
    min-width: 300px;
    h6 {
      margin-bottom: 10px;
    }
    .sourceFieldStartBox {
      .selectHead {
        border-right: 0;
      }
      .tableBox {
        border-right: 0;
      }
    }
  }
  .dataMoveBtn {
    padding-top: 80px;
    &>button {
      width: 70px;
       width:100%;
      display: block;
      margin-bottom: 20px;
    }
  }
  .dataSelectedBox {
    min-width: 200px;
    h6 {
      margin-bottom: 10px;
    }
    .tableHead {
      width: 100%;
      border: 1px solid #ccc;
      border-bottom: 0;
      td {
        padding: 8px 10px;
      }
    }
    .tableBigBox {
      @include tableStyle();
      .dataSelectedTable {
        width: 100%;
        tr:hover {
          background: $background;
        }
        td {
          @include tdStyle(50%);
        }
      }

    }
  }
}

